<%@ page language="java" contentType="text/html;charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="viewport"
	content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<title>用户-组配置新增</title>
<link rel="stylesheet" href="${basePath}/css/plugins/hplus/bootstrap.min14ed.css?v=3.3.6">
<link rel="stylesheet" href="${basePath}/css/plugins/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="${basePath}/css/plugins/bootstrap/fileinput.css">
<link rel="stylesheet" href="${basePath}/css/plugins/datapicker/datepicker3.css">
<link rel="stylesheet" href="${basePath}/css/plugins/toastr/toastr.min.css">
<link rel="stylesheet" href="${basePath}/css/newAdd.css">
<link rel="stylesheet" href="${basePath}/css/crm/index.css">
<link href="${basePath}/css/crm/Normalize Css 1.0.min.css"	rel="stylesheet">
<link href="${basePath}/js/bootstrap-select/bootstrap-select.css"	rel="stylesheet">
<script src="${basePath}/js/angular-1.4.6/angular.min.js"></script>
<script src="${basePath}/js/angular-1.4.6/angular-animate.min.js"></script>
<script src="${basePath}/js/jquery/jquery.min.js?v=2.1.4"></script>
<script src="${basePath}/js/jquery/jquery.form.js"></script>
<script src="${basePath}/js/bootstrap-3.3.6/bootstrap.min.js?v=3.3.6"></script>
<script src="${basePath}/js/bootstrap-select/bootstrap-select.js"></script>
<script src="${basePath}/js/bootstrap-3.3.6/fileinput.js"></script>
<script src="${basePath}/js/bootstrap-3.3.6/fileinput_locale_zh.js"></script>
<script src="${basePath}/js/datapicker/bootstrap-datepicker.js"></script>
<script src="${basePath}/js/hplus/toastr.min.js"></script>
<script src="${basePath}/js/common/kepdown.js"></script>
<script src="${basePath}/user/userGroupR_add.js?t=<%=System.currentTimeMillis()%>"></script>
<style>
html {
	font-size: 62.5%; /*10 ÷ 16 × 100% = 62.5%*/
}

body {
	font-weight: normal;
	font-size: 1.4rem; /*1.4 × 10px = 14px */
}

.droppable-active {
	background-color: #ffe !important
}

.tools a {
	cursor: pointer;
}

.form-body .col-md-6,.form-body .col-md-12 {
	min-height: 400px
}

.draggable {
	cursor: move
}

input.ng-dirty.ng-invalid {
	border-color: #e9322d;
	-webkit-box-shadow: 0 0 6px #f8b9b7;
	-moz-box-shadow: 0 0 6px #f8b9b7;
	box-shadow: 0 0 6px #f8b9b7;
}

select.ng-dirty.ng-invalid {
	border-color: #e9322d;
	-webkit-box-shadow: 0 0 6px #f8b9b7;
	-moz-box-shadow: 0 0 6px #f8b9b7;
	box-shadow: 0 0 6px #f8b9b7;
}

label.control-label {
	font-weight: normal;
}

body {
	font-size: 12px;
	font-weight: normal;
}

.font-green {
	color: #1ab394;
	font-size: 14px;
	font-weight: 600;
}

.active {
	font-size: 14px;
	font-weight: 600;
}
</style>
</head>
<body class="gray-bg" ng-app="userGroupRAddApp" ng-controller="userGroupRAddCtr"
	style="overflow-x: hidden">
	<div class="wrapper wrapper-content">
		<div class="row">
			<div class="col-sm-5" style="width: 100%; overflow-x: hidden">
				<div class="ibox float-e-margins">
				<div class="ibox-title">
						<ul class="breadcrumb">
							<li><a href="${basePath}/user/userGroupR_apply" class="font-green">用户-组配置列表</a></li>
							<li class="active">新增用户-组配置</li>
						</ul>
					</div>
					<div>
						<div class="container-fluid showinfo" style="background: #fff;">
							<form id="userGroupRForm" name="userGroupRForm" action="${basePath}/user/saveUserGroupR"
								method="post" role="form" class="form-horizontal m-t">
								<div class="embed">
									
									<div class="row">
											<div class="form-group col-md-6">
												<label class="col-sm-3 control-label">用户:</label>
												<div class="col-md-7">
													<select class="selectpicker show-tick form-control" ng-model="userId" id="userId" data-live-search="true">  
									                         <c:forEach items="${userList}" var="s">
						         								<option value="${s.userId}">${s.userName}</option>
						         							</c:forEach>  
                    								</select> 
												</div>
												<div id="checkUserAccount" ng-show="checkUserAccount">
									   			<font color="red">配置已存在!</font>
								    			</div>
												<span><font color="red" title="必填">*</font></span>
											</div>
											<div class="form-group col-md-6">
												<label class="col-sm-3 control-label">用户组:</label>
												<div class="col-md-7">
													<select class="selectpicker show-tick form-control" ng-model="groupId" id="groupId" data-live-search="true">  
									                       <c:forEach items="${groupList}" var="s">
						         								<option value="${s.id}">${s.groupName}</option>
						         							</c:forEach> 
						         							
                    								</select> 
												</div>
												<span><font color="red" title="必填">*</font></span>
											</div>
									</div>
									
								<div class="hr-line-dashed"></div>
								<div class="form-group col-md-12">
									<div class="col-md-7 col-sm-offset-3">
										<div style="width: 100%; text-align: center;">
											<button class="btn btn-primary" type="button"
											ng-click="saveUserGroupR()" style="background-color:#1ab394;border-color:#1ab394;">保存</button>
										<button class="btn btn-primary" type="button"
											ng-click="backUser()" style="background-color:#ccc;border-color:#ccc;">取消</button>
										<button class="btn btn-primary" type="reset" style="background-color:#ccc;border-color:#ccc;">重置</button>
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
	toastr.options = {
		"closeButton" : false,
		"debug" : false,
		"progressBar" : true,
		"positionClass" : "toast-top-right",
		"onclick" : null,
		"showDuration" : "400",
		"hideDuration" : "1000",
		"timeOut" : "3000",
		"preventDuplicates" : true,
		"extendedTimeOut" : "1000",
		"showEasing" : "swing",
		"hideEasing" : "linear",
		"showMethod" : "fadeIn",
		"hideMethod" : "fadeOut"
	}
	
</script>
</html>